// The styles here will be deprecated in a future version of TrustyCms, but
// will be maintained here for a time so that older extensions continue to
// look reasonable.

// Use for "empty" instead of "note"
table.index td.note {
  color: silver;
  font-size: 85%;
  font-style: italic;
  padding: 3em;
  text-align: center;
}

// Use "set" instead of "row" on forms
.row {
  clear: both;
  margin-top: 20px;
  width: 100%;
  p {
    float: left;
    margin: 0 2em 1.25em 0;
    font-size: 95%;
    label {
      display: inline;
      text-shadow: #666666 1px 1px 0;
    }
  }
}

// Use a div with a class of "popup_title" instead of an h3 with a class of "title"
div.popup h3.title {
  background: #c5dff5;
  @include linear-gradient(color_stops(#e5f5ff, #c5dff5));
  border-bottom: 1px solid #a7cdf0;
  font-size: 100%;
  margin: -10px -20px 20px -20px;
  padding: 6px 10px;
}

// Reuse this style instead by applying the "action_button" class
#actions {
  a {
    background: #d8d8d8;
    @include linear-gradient(color-stops(white, #cccccc));
    color: #333333;
    font-size: 80%;
    padding: 8px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #eeeeee;
    @include border-radius(5px);
    @include button-shadow;
    &:hover {
      color: #0076a3;
      text-shadow: 1px 1px 1px white;
    }
    &:active {
      background: white;
      @include no-button-shadow;
      color: black;
    }
    img {
      vertical-align: -20%;
    }
  }
}
